/***********************文本***********************/
$sizes: (
  xxs: 8rem,
  xs: 10rem,
  sm: 16rem,
  md: 26rem,
  lg: 34rem,
  xl: 76rem,
  xxl: 104rem,
);

// 循环生成样式
@each $key, $value in $sizes {
  .T-S-#{$key} {
    font-size: var(--T-S-#{$key}) !important;
  }
}
:root {
  @each $key, $value in $sizes {
    --T-S-#{$key}: #{$value};
  }
}
/* 文字单行省略号 */
.T-omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文字多行省略号 */
.T-omit-n {
  --T-n: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--T-n);
  word-break: break-all;
}

/* 文字多了自動換行 */
.T-break {
  word-break: break-all;
  word-wrap: break-word;
}
.T-nowrap {
  white-space: nowrap;
}

.T-strong {
  font-weight: 600;
}
.T-weak {
  font-weight: 200;
}
.T-clip {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1 {
  font-size: var(--T-S-xxl);
  line-height: 1.3em;
}
h2 {
  font-size: var(--T-S-xl);
  line-height: 1.3em;
}
h3 {
  font-size: var(--T-S-lg);
}
h4 {
  font-size: var(--T-S-md);
}
h5 {
  font-size: var(--T-S-sm);
}
